import {Span, View} from "@tarojs/components";
import {Image} from "@taroify/core";
import './index.scss'
import {Arrow} from "@taroify/icons";

export default function BannerActivity() {
  return (
    <View>
      <View className="banner-active">

        <View className="active-item">
          <View className="active-item-top">
            <View className="active-item-top-left">
              <Span>今日推荐菜系</Span>
            </View>
            <View className="active-item-top-right">
              <Span>点击查看&nbsp;&nbsp;<Arrow/></Span>
            </View>
          </View>
          <View className="active-item-bottom">
            <Image className="grid-image" mode={"scaleToFill"} src="https://img.yzcdn.cn/vant/apple-1.jpg"/>
          </View>
        </View>

        <View className="active-item">
          <Image className="grid-image" mode={"scaleToFill"} src="https://img.yzcdn.cn/vant/apple-1.jpg"/>
        </View>

        <View className="active-item">
          <Image className="grid-image" mode={"scaleToFill"} src="https://img.yzcdn.cn/vant/apple-1.jpg"/>
        </View>
      </View>
    </View>
  )
}
